<%--
  Created by IntelliJ IDEA.
  User: shugen
  Date: 2017/2/8
  Time: 9:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<!DOCTYPE html>
<html>
<head>
    <title>个人信息</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <base href="<%=basePath%>">
    <link rel="shortcut icon" href="less/Black.ico">
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="resourse/css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link href="resourse/plugins/toast/jquery.toast.css" rel="stylesheet">
</head>

<body class="gray-bg">
<input type="hidden" name="path"     id="path"   value="<%=request.getContextPath()%>" />
<input type="hidden"      id="init"    />
<div class="wrapper wrapper-content">
    <div class="row animated fadeInRight">
        <div class="col-sm-4"  id="userview">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>个人资料----<span id="usertype"></span></h5>
                </div>
                <div>
                    <div class="ibox-content no-padding border-left-right">
                        <img id="url"  alt="image" class="img-responsive" src="image/default.jpg" style="width: 200px;height: 200px;">
                    </div>
                    <div class="ibox-content profile-content">

                        <h4><i class="fa fa-user">姓名 </i><strong id="realname"> </strong></h4>
                        <p><i class="fa fa-credit-card">学号 </i><strong id="username">  </strong></p>
                        <p><i class="fa fa-phone">手机 </i><strong id="phone">  </strong>  </p>
                        <p><i  class="fa fa-envelope">邮箱 </i><strong id="email"> </strong></p>
                        <p><i class="fa fa-birthday-cake">生日 </i><strong id="birthday"> </strong></p>
                        <p><i  class="fa fa-calendar-times-o">入学 </i><strong id="intime"> </strong></p>
                        <p><i  class="fa fa-server">专业 </i><strong id="majorid"> </strong></p>
                            <button id="toeitbtn" class="btn btn-info " type="button">
                                <i class="fa fa-paste"></i>
                                修改信息
                            </button>

                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-7" id="useredit" style="display: none">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>个人资料(点击头像更换)----<span id="e_usertype"></span></h5>
                </div>
                <div>
                    <div class="ibox-content no-padding border-left-right">
                        <img alt="image" id="e_url" class="img-responsive" style="width: 200px;height: 200px;" src="image/default.jpg" onclick="$('#file').click()">
                        <input type="file" style="display: none;" onchange="previewImage(this)" id="file" name="file">
                    </div>
                    <div class="ibox-content profile-content">
                        <form class="form-inline" role="form"  onsubmit="return false">
                        <div class="input-group"style="width:250px">
                            <div class="input-group-addon"><i class="fa fa-user">姓名 </i></div>
                            <input  class="form-control" id="e_realname" type="text"  placeholder="请输入姓名" >
                        </div>
                        <div class="input-group"style="width:250px">
                            <div class="input-group-addon"><i class="fa fa-credit-card">学号 </i></div>
                            <input  class="form-control" id="e_username" type="text"  placeholder="请输入学号"  readonly="true">
                        </div>
                        <div class="input-group"style="width:250px">
                            <div class="input-group-addon"><i class="fa fa-phone">手机 </i></div>
                            <input  class="form-control" id="e_phone" type="text"  placeholder="请输入手机号" >
                        </div>
                            <div class="input-group"style="width:250px">
                                <div class="input-group-addon"><i  class="fa fa-envelope">邮箱 </i></div>
                                <input  class="form-control" id="e_email" type="text"  placeholder="请输入邮箱" >
                            </div>
                            <div class="input-group"  style="margin:5px 0 0 0;width:250px">
                                <div class="input-group-addon"><i class="fa fa-birthday-cake">生日 </i></div>
                                <div class="input-daterange input-group " >
                                    <input type="text" class="form-control" id="e_birthday"  name="date" value="" />
                                </div>
                            </div>
                            <div class="input-group"  style="margin:5px 0 0 0;width:250px">
                                <div class="input-group-addon"><i  class="fa fa-calendar-times-o">入学 </i></div>
                                <div class="input-daterange input-group " >
                                    <input type="text" class="form-control" id="e_intime"  name="date" value="" />
                                </div>
                            </div>
                            <div class="input-group"style="width:250px">
                                <div class="input-group-addon"><i  class="fa fa-server">专业 </i></div>
                                <input  class="form-control" type="number" id="e_majorid"   >
                            </div>
                            <p></p>
                        <button class="btn btn-primary " id="sumbit" type="button"><i class="fa fa-check"></i>&nbsp;提交</button>
</form>


                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/content.min.js?v=1.0.0"></script>
<script src="js/plugins/peity/jquery.peity.min.js"></script>
<script src="js/demo/peity-demo.min.js"></script>
<script src="resourse/js/plugins/clockpicker/clockpicker.js"></script>
<script src="resourse/js/plugins/datapicker/bootstrap-datepicker.js"></script>
<script src="resourse/plugins/toast/jquery.toast.js"></script>
<script src="js/ajaxfileupload.js"></script>
<script src="jsp/sys/userinfo.js"></script>
<%--<script type="text/javascript" src="resourse/plugins/file/jquery.html5uploader.js"></script>--%>

</body>



</html>
